﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
    <title>玉桂狗惊喜站</title>
    <style>
        /* 动态渐变背景动画 */
        @keyframes gradient {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
        }

        /* 淡入动画 */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* 弹跳动画 */
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-15px);
            }
            60% {
                transform: translateY(-7px);
            }
        }

        /* 闪烁动画 */
        @keyframes blink {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0.5;
            }
        }

        body {
            /* 添加动态粉紫色渐变背景 */
            background: linear-gradient(-45deg, #ffc0cb, #8a2be2, #ff69b4, #9400d3);
            background-size: 400% 400%;
            animation: gradient 15s ease infinite;
        }

        .fade-in {
            animation: fadeIn 1s ease-out;
        }

        h1 {
            animation: bounce 2s infinite;
        }

        .text-right {
            animation: blink 3s infinite;
        }
    </style>
</head>

<body class="font-sans">
    <div class="container mx-auto p-8">
        <div class="bg-white shadow-lg rounded-lg p-8 fade-in">
            <h1 class="text-4xl font-bold text-center text-blue-600 mb-8">🎉 刘佳妮同学 🎉</h1>
            <p class="text-lg text-gray-700 mb-4">哈哈哈，想不到吧😝，你说不要我写信了，ok👌，那咱不写，咱敲出来🙃</p>
            <p class="text-lg text-gray-700 mb-4">你知道我为了编个网页我还学了好久的html的编程，才有你现在看到的这么这么这么令你意想不到的网页信✉️🤣</p>
            <p class="text-lg text-gray-700 mb-4">嗯，你之前说过你喜欢玉桂狗🐶，嗯，幸好你告诉我了(≧∀≦)ゞ🎉，不然我都不知道该送你什么😕，</p>
            <p class="text-lg text-gray-700 mb-4">我在三丽鸥的实体店看到了杯子、笔袋、便利贴、书包、茶壶、围巾、手套、挂件、巨大的抱枕和巨大的玉桂狗乐高😅，但是我还是觉得送玩偶最适合送礼物哈🤪收下吧～</p>
            <p class="text-lg text-gray-700 mb-4">还有，那一盒巧克力🍫记得吃，有保质期的(✪▽✪)，很好吃的，吃一点是不会长胖的🤣🤣🤣</p>
            <p class="text-lg text-gray-700 mb-4">还有一个黄色的囊袋🎁，呃，那个里面的东西，你收好，是三颗石头，你不用管价格😉，</p>
            <p class="text-lg text-gray-700 mb-4">我还是告诉你是什么吧：</p>
            <ul class="list-disc list-inside text-lg text-gray-700 mb-4">
                <li>那个绿油油的是东陵玉</li>
                <li>那个要透明不透明的是海洋玉髓</li>
                <li>那个白色的是玛瑙</li>
            </ul>
            <p class="text-lg text-gray-700 mb-4">就这三颗，怎么样😝，小脑没有萎缩吧？绝对是遥遥领先，咱不多说，谁送生日礼物会送石头🤔？欸，我会🤣有很高的收藏价值，自己收好哦(´-ω-`)
            </p>
            <p class="text-lg text-gray-700 mb-4">今年是你的17岁生日，那些石头打算你18岁再给你的，但是我想了一下，你过18岁生日的那些日子都快高考了，我可能没有那么多时间去想别的了🥹，就当是我提前给你的毕业礼物，如果不满意，那我也没办法😕因为等高考完了再给你买更好的(ﾟヮﾟ)っ🎁😃😃😃</p>
            <p class="text-lg text-gray-700 mb-4">好啦，祝你17岁生日快乐，天天开心！🎂🎂٩(๑^o^๑)۶</p>
            <p class="text-lg text-gray-700 text-right">2025.4.25</p>
            <p class="text-lg text-gray-700 text-right">刘冠成 呈上</p>
        </div>
    </div>
</body>

</html>